<template>
    <!-- 最外层只能有一个组件，不能出现多个 -->
    <!-- 最外层class命名规则 工程-文件路径-文件名  -->
    <div class="demo-extendPrototype-stringExtend">
        <div class="author-demo">
            <div>作者：黄彪</div>
            <div>日期：2017/11/02</div>
        </div>
        <div class="api">
            <div class="anchor">
                <h2 id="API">Array Object API</h2>
            </div>
            <div class="anchor">
                <h3 id="Select_props">extend methods</h3>
            </div>
            <table>
                <thead>
                <tr>
                    <th>方法名</th>
                    <th>说明</th>
                    <th>参数</th>
                    <th>返回值</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>removeRepeat</td>
                    <td>去除数组中的重复项</td>
                    <td>无</td>
                    <td>
                        Array,返回一个新的数组对象
                    </td>
                </tr>

                <tr>
                    <td>del</td>
                    <td>删除指定序号的数组</td>
                    <td>index,数字</td>
                    <td>
                        Array,返回一个新的对象
                    </td>
                </tr>

                <tr>
                    <td>clone</td>
                    <td>克隆当前数组</td>
                    <td>无</td>
                    <td>
                        Array,返回一个新的数组对象
                    </td>
                </tr>

                <tr>
                    <td>indexOf</td>
                    <td>数组第一次出现指定元素值的位置</td>
                    <td>String/Number/Object</td>
                    <td>
                        Number，如果存在则返回第一次出现的值，如果不存在，则返回-1
                    </td>
                </tr>

                <!--<tr>-->
                    <!--<td>contains</td>-->
                    <!--<td>数组第一次出现指定元素值的位置</td>-->
                    <!--<td>String/Number/Object</td>-->
                    <!--<td>-->
                        <!--Number，如果存在则返回第一次出现的值，如果不存在，则返回-1-->
                    <!--</td>-->
                <!--</tr>-->

                </tbody>
            </table>

        </div>
    </div>
</template>

<script>
</script>

<style lang="scss" scoped>
    /***
   scoped ： 表示当前写的样式是针对当前页面的，对其他页面没有影响
   lang="scss": 表示我写的样式代码是针对SASS的，不是less等。强调，属性的值是scss
   ***/
    .demo-extendPrototype-stringExtend {
        margin: 40px;
        .api table {
            font-family: Consolas, Menlo, Courier, monospace;
            font-size: 12px;
            border-collapse: collapse;
            border-spacing: 0;
            empty-cells: show;
            border: 1px solid #e9e9e9;
            width: 100%;
            margin-bottom: 24px;
        }

        .api table td, .api table th {
            border: 1px solid #e9e9e9;
            padding: 8px 16px;
            text-align: left;
        }

        .api table th {
            background: #f7f7f7;
            white-space: nowrap;
            color: #5c6b77;
            font-weight: 600;
        }
    }
</style>
